#promotion {
    padding: 0 25px;
    margin-bottom: 40px;
    .promotion-title {
        font-size: 18px;
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: Semibold;
        color: #000000;
        margin-bottom: 15px;
        .promotion-title-mo {
            color: #8833F3;
        }
        .promotion-title-vi {
            color: #1976F2;
        }
    }
    .promotion-invited {
        padding: 15px;
        font-size: 12px;
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: Semibold;
        color: #000000;
        margin-bottom: 15px;
        background: url('@/assets/images/task/invited-num-bgc.png') no-repeat;
        .promotion-invited-num {
            color: #6A06E8;
            padding: 0 4px;
        }
    }
    .promotion-text {
        font-size: 10px;
        font-family: PingFang SC, PingFang SC-Regular;
        font-weight: Regular;
        color: #666666;
        line-height: 15px;
        margin-bottom: 6px;
    }
    .promotion-input {
        padding-top: 25px;
        margin-bottom: 25px;
        input {
            flex: 1;
            padding: 14px 32px;
            font-size: 12px;
            font-family: PingFang SC, PingFang SC-Regular;
            font-weight: Regular;
            color: #c5c5c5;
            background: #ffffff;
            border: 1px solid rgba(54,84,241,0.20);
            box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.06);
        }
    }
    .promotion-invited-btn {
        width: 130px;
        padding: 9px 0;
        background: url('@/assets/images/task/invited-btn-bgc.png') no-repeat;
        background-size: 100% 100%;
        font-size: 12px;
        font-family: PingFang SC, PingFang SC-Semibold;
        font-weight: Semibold;
        color: #ffffff;
        text-align: center;
        margin-bottom: 25px;
        cursor: pointer;
    }
    .promotion-table {
        width: 100%;
        margin-bottom: 10px;
        font-size: 7px;
        .row {
            &.head {
                height: 25px;
                line-height: 25px;
                background: #f6f5f9;
                border: none;
                color: #000;
                .first {
                    padding-left: 25px;
                }
            }
            &.td-content {
                background-color: #fff;
                color: #333;
                height: 30px;
                line-height: 30px;
            }
            .cell {
                padding: 0 20px;
                margin: 10px;
                border-bottom: 1px solid #eceaf3;
                &.invite {
                    color: #000;
                    padding-left: 25px;
                }
            }
        }
    }
}